<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <br>==========过滤器选择器=============<br>
    <div>div1</div>
    <div id="div2">div2</div>
    <div>div3</div>
    <div>div4</div>
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    /*
       过滤器选择器
   */
    //首元素选择器
    let df = $("div:first");
    // alert(df.html());

    //尾元素选择器
    let dl = $("div:last");
    // alert(dl.html());

    //非元素选择器 id非div2的元素
    let divs = $("div:not(#div2)");
    // alert(divs.length);

    //偶数选择器     索引为偶数 0 2   返回的是js对象数组
    let div_even = $("div:even");
    // alert(div_even[0].innerText);

    //奇数选择器     索引为奇数 1 3   返回的是js对象数组
    let divs_odd = $("div:odd");
    // alert(divs_odd[0].innerText);

    //等于索引选择器
    let div2 = $("div:eq(2)");
    // alert(div2.html());

    //大于索引选择器
    let divs_gt = $("div:gt(1)");
    // alert(divs_gt.length);

    //小于索引选择器
    let div_lt = $("div:lt(3)");
    // alert(div_lt.length);

</script>
</html>